<template>
  <div>
    <h2>显示</h2>
    <td><input type="button" value="添加房型" @click="add" /></td>
    <table border="1">
        <tr>
            <td>名字</td>
            <td>价格</td>
            <td>数量</td>
            <td>状态</td>
            <td>房间号</td>
            <td>操作</td>
        </tr>
        <tr>
            <td>标间</td>
            <td>￥50.00</td>
            <td>5</td>
            <td>启用</td>
            <td>802,805,888,823</td>
            <td>修改  删除  停用</td>
        </tr>
        <tr>
            <td>商务大床房</td>
            <td>￥500.00</td>
            <td>3</td>
            <td>禁用</td>
             <td>732,751,777,745,735,736</td>
            <td>修改  删除  停用</td>
        </tr>
        <tr>
            <td>总统套房</td>
            <td>￥1000.00</td>
            <td>2</td>
            <td>启用</td>
             <td>658,698,666,632</td>
            <td>修改  删除  停用</td>
        </tr>
    </table>
  </div>
</template>

<script setup lang="ts">
import { reactive, toRefs, onMounted } from "vue";
import { useRouter, useRoute } from "vue-router";
import axios from "axios";

const router = useRouter();
const route = useRoute();
const add = () => {
  router.push("/Add");
};
</script>

<style scoped>
</style>